<template>
	<div id="app">
		<el-container class="sw_agent_container">
			<agent-aside v-model="isExpand"></agent-aside>
			<agent-main v-model="isExpand"></agent-main>
		</el-container>
	</div>
</template>

<script>
import agentMain from '@/views/main';
import agentAside from '@/views/aside';
import { getSiteInfo } from '@/api/common';
export default {
	name: 'app',
	components: { agentAside, agentMain },
	data() {
		let expandStatus = this.$local.get('webappSidebarCollapse');
		return {
			isExpand: expandStatus !== 'collapsed'
		};
	},
	watch: {
		isExpand(flag) {
			this.$local.set('webappSidebarCollapse', flag ? 'expanded' : 'collapsed');
		}
	}
};
</script>
